<!DOCTYPE html>
<!-- 主页面 -->
<html>
<head>
	<meta charset="utf-8">
	<title>frame</title>
	<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
	<link rel="stylesheet" type="text/css" href="../css/api.css" />
    <link rel="stylesheet" type="text/css" href="../css/common.css" />
	<link rel="stylesheet" href="../css/main.css" />
</head>
<body>
	<div id="swipe" class="swipe section01">
		<div class="swipe-wrap"></div>
	</div>

	<!-- 2. 大牌抢购，进入10点倒计时抢购 -->
	<div class="h20"></div>
	<div class="snapup hightitem section02" tapmode="presshover" onclick="">
		<img src="../image/api_1.png" alt="" class="fl infologo">
		<div class="shelf2 fl">
			<div class="shelfcell">
				<div class="title">羲和雅苑烤鸭坊 <span>￥85</span></div>
				<span class="subtitel">每天十点开抢</span>
			</div>

		</div>
		<img src="../image/arrow.png" alt="" class="arrow fr">
	</div>

	<!-- 3. 2X2 列表 -->
	<div class="h20"></div>
	<div class="row hightitem section03">
		<div class="col h80 brb" tapmode="presshover" onclick="">
			<div class="matrix">
				<div class="matrixcell title01">
					<div class="title">免费吃喝玩</div>
					<div class="info">新用户专享</div>
				</div>
			</div>
			<img src="../image/api_33.png" alt="" class="fl">
		</div>

		<div class="col h80 bb" tapmode="presshover" onclick="">
			<div class="matrix">
				<div class="matrixcell title02">
					<div class="title">免费看电影</div>
					<div class="info">新用户专享</div>
				</div>
			</div>
			<img src="../image/api_33.png" alt="" class="fl">
		</div>
	</div>
	<div class="row hightitem section03">
		<div class="col h80 br" tapmode="presshover" onclick="">
			<div class="matrix">
				<div class="matrixcell title03">
					<div class="title">食色性也</div>
					<div class="info">光棍节等你来</div>
				</div>
			</div>
			<img src="../image/api_33.png" alt="" class="fl">
		</div>

		<div class="col h80" tapmode="presshover" onclick="">
			<div class="matrix">
				<div class="matrixcell title04">
					<div class="title">点评祝福</div>
					<div class="info">单身用户专享</div>
				</div>
			</div>
			<img src="../image/api_33.png" alt="" class="fl">
		</div>
	</div>

	<!-- 4. 猜你喜欢 -->
	<div class="guesstitle">猜你喜欢<img src="../image/home_competitive_icon.png" alt=""></div>
	<div class="home-tuan-list">
		<a href="" class="item hightitem" onclick="" tapmode="presshover">
            <div class="cnt">
                <img class="pic" src="../image/api_1.png">
                <div class="wrap">
                    <div class="wrap2">
                        <div class="content">
                            <div class="shopname hot-title">品牌优惠</div>
                            <div class="title hot-subtitle">热门快餐5折起</div>
                        </div>
                    </div>
                </div>
            </div>
        </a>
        <a href="" class="item hightitem" onclick=""  tapmode="presshover">
            <div class="cnt">
                <img class="pic" src="../image/api_1.png">
                <div class="wrap">
                    <div class="wrap2">
                        <div class="content">
                            <div class="shopname hot-title">双11美食大牌立减</div>
                            <div class="title hot-subtitle">最赞火锅全场特惠</div>
                        </div>
                    </div>
                </div>
            </div>
        </a>
        <a href="" class="item hightitem" onclick="" tapmode="presshover">
            <div class="cnt">
                <img class="pic" src="../image/api_1.png">
                <div class="wrap">
                    <div class="wrap2">
                        <div class="content">
                            <div class="shopname hot-title">一分钱上早教</div>
                            <div class="title hot-subtitle">幼教排行榜</div>
                        </div>
                    </div>
                </div>
            </div>
        </a>
        <a href="" class="item Fix hightitem" onclick="" tapmode="presshover">
            <div class="cnt">
            	<img class="pic" src="../image/api_1.png">
	            <div class="wrap">
		            <div class="wrap2">
			            <div class="content">
			                <div class="shopname">emoi生活智能情感音响灯免费送</div><span class="distance">8.9km</span>
			                <div class="title">智能情感音响灯 舒缓心情 触动情感 emoi基本生活智能情感音响灯免费送</div>
			                <div class="info">
			                    <span class="symbol">¥</span>
			                    <span class="price">0.0</span>
			                    <del class="o-price">¥299.0</del>
			                </div>
			            </div>
		            </div>
	            </div>
            </div>
        </a>
        <a href="" class="item Fix hightitem" onclick="" tapmode="presshover">
            <div class="cnt">
            	<img class="pic" src="../image/api_1.png">
	            <div class="wrap">
		            <div class="wrap2">
			            <div class="content">
			                <div class="shopname">云吉八方</div><span class="distance">650m</span>
			                <div class="title">代金劵 不限时段通用，免费wifi，可累计使用，全场通用</div>
			                <div class="info">
			                    <span class="symbol">¥</span>
			                    <span class="price">100.0</span>
			                    <span class="sale">返现1%</span>
			                </div>
			            </div>
		            </div>
	            </div>
            </div>
        </a>
        <a href="" class="item Fix hightitem" onclick="" tapmode="presshover">
            <div class="cnt">
            	<img class="pic" src="../image/api_1.png">
	            <div class="wrap">
		            <div class="wrap2">
			            <div class="content">
			                <div class="shopname">上鱼舫</div><span class="distance">3.6km</span>
			                <div class="title">[6店通用]代金券 不限时段通用，可累计使用，全场通用</div>
			                <div class="info">
			                    <span class="symbol">¥</span>
			                    <span class="price">158.0</span>
			                    <del class="o-price">¥200.0</del>
			                </div>
			            </div>
		            </div>
	            </div>
            </div>
        </a>
        <a href="" class="item Fix hightitem" onclick="" tapmode="presshover">
            <div class="cnt">
            	<img class="pic" src="../image/api_1.png">
	            <div class="wrap">
		            <div class="wrap2">
			            <div class="content">
			                <div class="shopname">six酒吧惊爆体验中</div><span class="distance">2.5km</span>
			                <div class="title">爆米花 不限时段通用 免费WiFi</div>
			                <div class="info">
			                    <span class="symbol">¥</span>
			                    <span class="price">1.0</span>
			                    <del class="o-price">¥15.0</del>
			                </div>
			            </div>
		            </div>
	            </div>
            </div>
        </a>
        <a href="" class="item Fix hightitem" onclick="" tapmode="presshover">
            <div class="cnt">
            	<img class="pic" src="../image/api_1.png">
	            <div class="wrap">
		            <div class="wrap2">
			            <div class="content">
			                <div class="shopname">lewa乐画</div><span class="distance">1.0km</span>
			                <div class="title">零基础diy娱乐回话情侣套餐</div>
			                <div class="info">
			                    <span class="symbol">¥</span>
			                    <span class="price">158.0</span>
			                    <span class="sale">返现1%</span>
			                </div>
			            </div>
		            </div>
	            </div>
            </div>
        </a>
        <a href="" class="item Fix hightitem" onclick="" tapmode="presshover">
            <div class="cnt">
            	<img class="pic" src="../image/api_1.png">
	            <div class="wrap">
		            <div class="wrap2">
			            <div class="content">
			                <div class="shopname">巴依老爷</div><span class="distance">110m</span>
			                <div class="title">[5店通用]代金券 不限时段通用，可累计使用，全场通用</div>
			                <div class="info">
			                    <span class="symbol">¥</span>
			                    <span class="price">81.81</span>
			                    <span class="sale">立减6元</span>
			                    <span class="sale">返现1%</span>
			                </div>
			            </div>
		            </div>
	            </div>
            </div>
        </a>
        <a href="" class="item Fix hightitem" onclick="" tapmode="presshover">
            <div class="cnt">
            	<img class="pic" src="../image/api_1.png">
	            <div class="wrap">
		            <div class="wrap2">
			            <div class="content">
			                <div class="shopname">金百万</div><span class="distance">650m</span>
			                <div class="title">[30店通用]代金券 可累计使用，可使用包厢</div>
			                <div class="info">
			                    <span class="symbol">¥</span>
			                    <span class="price">83.0</span>
			                    <span class="sale">立减10元</span>
			                    <span class="sale">返现1%</span>
			                </div>
			            </div>
		            </div>
	            </div>
            </div>
        </a>
	</div>
</body>
<script type="text/javascript" src="../script/base.js"></script>
<script type="text/javascript" src="../script/api.js"></script>
<script type="text/javascript" src="../script/swipe.js"></script>
<script type="text/javascript" src="../script/main.js"></script>
</html>
